2593

13 分钟

#HTML 的 <col> 标签

HTML 的 <col> 元素在其父 <colgroup> 元素所代表的列组中定义一列或多列。

<col> 元素会导致父元素 [<colgroup>](/document/zh/03.HTML/EX.HTML%20元素帮助手册.hide/EX.colgroup.md) 的 span 属性失效。

#属性

  • span: 指定 <col> 元素跨越的连续列数。该值必须是大于 0 的正整数。如果不存在,其默认值为 1。

#示例

  1. 基本示例:

    <table> <colgroup> <col style="background-color:yellow"> <!-- 第一列 --> <col style="background-color:lightblue"> <!-- 第二列 --> <col style="background-color:lightgreen"> <!-- 第三列 --> </colgroup> <tr> <th>姓名</th> <th>年龄</th> <th>城市</th> </tr> <tr> <td>张三</td> <td>28</td> <td>北京</td> </tr> <tr> <td>李四</td> <td>32</td> <td>上海</td> </tr> </table>
    <col>
    姓名 年龄 城市
    张三 28 北京
    李四 32 上海

  2. span 属性跨列示例:

    <table> <colgroup> <col style="background-color:lightblue"> <!-- 第一列 --> <col span="2" style="background-color:lightgreen"> <!-- 第二、三列 --> </colgroup> <tr> <th>产品</th> <th>价格</th> <th>库存</th> </tr> <tr> <td>手机</td> <td>$599</td> <td>25</td> </tr> <tr> <td>笔记本</td> <td>$999</td> <td>12</td> </tr> </table>
    <col>
    产品 价格 库存
    手机 $599 25
    笔记本 $999 12

创建于 2025/5/22

更新于 2025/6/6